<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>baby care</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" type="text/css" href="css/style.css">
         <link rel="stylesheet" type="text/css" href="css/style-slider.css">
        <script src="js/vendor/jquery-1.8.2.min.js"></script>
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="js/bootstrap.js"></script>
        <script>
        	$(document).ready(function(e) {
                var array=$("#wrapper article");
				setTimeout(function(){
						array.each(function(index, element) {
                            $(this).mouseout();
                        });
						
					},4000)
            });
        </script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
        <div class="navbar navbar-inverse navbar-fixed-top">
          <div class="navbar-inner">
            <div class="container">
            	<div class="row-fluid">
                	<div class="span9">
                    	 <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                          </button>            
                          <div class="nav-collapse collapse">
                            <ul class="nav">
                              <li class="active"><a href="#">Home</a></li>
                              <li class=""><a href="#">About</a></li>
                              <li><a href="#">Contact</a></li>
                              <li class=""><a href="#">Services</a></li>
                              <li class=""><a href="#">Product</a></li>
                              <li class=""><a href="#">News</a></li>
                              <li class=""><a href="#">Shoping</a></li>
                            </ul>
                          </div>
                    </div>
                    <div class="span3 text-right">
                    	<ul class="social inline">
                        	<li><a href="#"><img src="img/design/facebook_icon.png"/></a></li>
                            <li><a href="#"><img src="img/design/twitter_icon.png"/></a></li>
                            <li><a href="#"><img src="img/design/googleplus_icon.png"/></a></li>
                            <li><a href="#"><img src="img/design/rss_icon.png"/></a></li>
                        </ul>
                    </div>
                </div>
             
            </div>
          </div>
        </div><!-- end navbar-->
        <div class="container">
		<header>
        	<div class="container">
            	<div class="row">
                	<div class="span4">
                    	<a href="#" class="logo"><img src="img/design/logo.png" width="270"/></a>
                    </div>
                    <div class="span8 text-right container-search">
                    	<form class="form-search">
                            <div class="input-append box-search">
                                <input class="span3 search-query" id="appendedInputButton" type="text">
                                <button class="btn" type="button">Search!</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        	<div class="container">
            	
            </div>
        </header>
        <main>
        	<div class="main container">
            	<div class="row-fluid">
                    	<div class="span8">
                        	<div id="myCarousel" class="carousel slide">
                              <div class="carousel-inner">
                                <div class="item active">
                                  <img src="img/slide-01.jpg" alt="">
                                  <div class="container">
                                    <div class="carousel-caption">
                                      <h4>Example headline.</h4>
                                      <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                                      <a class="btn btn-small btn-primary" href="#">Sign up today</a>
                                    </div>
                                  </div>
                                </div>
                                <div class="item">
                                  <img src="img/slide-02.jpg" alt="">
                                  <div class="container">
                                    <div class="carousel-caption">
                                      <h4>Another example headline.</h4>
                                      <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                                      <a class="btn btn-small btn-primary" href="#">Learn more</a>
                                    </div>
                                  </div>
                                </div>
                                <div class="item">
                                  <img src="img/slide-03.jpg" alt="">
                                  <div class="container">
                                    <div class="carousel-caption">
                                      <h4>One more for good measure.</h4>
                                      <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                                      <a class="btn btn-small btn-primary" href="#">Browse gallery</a>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
                              <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
                            </div><!-- /.carousel -->                        
                        </div>
                        <div class="span4">
                        	<div class="advertiment">
                            	<img src="img/data/banner-310x300.gif">
                        	</div>
                        </div>
                </div>
            	<div class="row-fluid main-content">
                	<div class="span3 col1">
                    	<div class="block featured">
                        	<h5 class="">Featured</h5>
                            <ul>
                            	<li>
                                	<div class="item-box">
                                    	<img src="img/data/baby-theme-image1-120x90.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum. </h6>
                                            <p>No comment</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                	<div class="item-box">
                                    	<img src="img/data/baby-theme-image1-168x121.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum. </h6>
                                            <p>No comment</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                	<div class="item-box">
                                    	<img src="img/data/baby-theme-image1-120x90.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum. </h6>
                                            <p>No comment</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                	<div class="item-box">
                                    	<img src="img/data/baby-theme-image1-120x90.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum. </h6>
                                            <p>No comment</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                	<div class="item-box">
                                    	<img src="img/data/baby-theme-image1-120x90.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum. </h6>
                                            <p>No comment</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                	<div class="item-box">
                                    	<img src="img/data/baby-theme-image16-75x66.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum. </h6>
                                            <p>No comment</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    	
                    </div>
                    <div class="span5 col2">
                    	<div class="block category3"> 
                        	<h5>Category</h5>
                            <ul>
                            	 <li>
                                	<div class="item-box">
                                    	<img src="img/data/baby-theme-image16-75x66.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum. </h6>
                                            <p class="comment"><i class="icon-comment"></i>No comment</p>
                                            <p class="description">facilisis dapibus dictum. facilisis dapibus dictum.facilisis dapibus dictum.</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                	<div class="item-box">
                                    	<img src="img/data/baby-theme-image16-75x66.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum. </h6>
                                            <p class="comment"><i class="icon-comment"></i>No comment</p>
                                            <p class="description">facilisis dapibus dictum. facilisis dapibus dictum.facilisis dapibus dictum.</p>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                	<div class="item-box">
                                    	<img src="img/data/baby-theme-image16-75x66.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum. </h6>
                                            <p class="comment"><i class="icon-comment"></i>No comment</p>
                                            <p class="description">facilisis dapibus dictum. facilisis dapibus dictum.facilisis dapibus dictum.</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            
                        </div><!--end category3-->
                        <div class="block category4">
                        	<h5>Category 4</h5>
                            <ul>
                            	<li>
                                	<div class="box-info">
                                    	<div>
                                        	<img class="img-polaroid" style="height:140px" src="img/data/baby-theme-image2-95x75.jpg" alt=""></div>
                                        <h6>facilisis dapibus dictum</h6>
                                    </div>
                                </li>
                                <li>
                                	<div class="box-info">
                                    	<div>
                                        	<img class="img-polaroid" style="height:140px" src="img/data/baby-theme-image4-120x90.jpg" alt=""></div>
                                        <h6>facilisis dapibus dictum</h6>
                                    </div>
                                </li>
                                <li>
                                	<div class="box-info">
                                    	<div>
                                        	<img class="img-polaroid" style="height:140px" src="img/data/baby-theme-image2-95x75.jpg" alt=""></div>
                                        <h6>facilisis dapibus dictum</h6>
                                    </div>
                                </li>
                                <li>
                                	<div class="box-info">
                                    	<div>
                                        	<img class="img-polaroid" style="height:140px" src="img/data/baby-theme-image4-120x90.jpg" alt=""></div>
                                        <h6>facilisis dapibus dictum</h6>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="span4 col3">
                    	<div class="block followus">
                        	<h5>Follow Us</h5>
                            <div>
                            	<img src="img/design/plugin-face.jpg" alt="">
                            </div>
                        </div>
                        <div class="block sidebar-post">
                        	<h5>Sidebar Post</h5>
                            <ul>
                            	 <li>
                                	<div class="item-box clearfix">
                                    	<img src="img/data/baby-theme-image16-75x66.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum facilisis dapibus. </h6>
                                            <p class="comment"><i class="icon-comment"></i>No comment</p>
                                           
                                        </div>
                                    </div>
                                </li>
                                <li>
                                	<div class="item-box clearfix">
                                    	<img src="img/data/baby-theme-image16-75x66.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum facilisis dapibus. </h6>
                                            <p class="comment"><i class="icon-comment"></i>No comment</p>
                                           
                                        </div>
                                    </div>
                                </li>
                                <li>
                                	<div class="item-box clearfix">
                                    	<img src="img/data/baby-theme-image16-75x66.jpg" class="img-polaroid" alt="">
                                        <div class="info-box">
                                        	<h6>Quisque facilisis dapibus dictum facilisis dapibus. </h6>
                                            <p class="comment"><i class="icon-comment"></i>No comment</p>
                                           
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="block facebook-comment">
                        	<img src="img/design/plugin-face2.jpg" alt="" />
                        </div>
                    </div>
                </div>
            </div>
        </main>
		<footer>
			<div class="container link-footer">
            	<div class="row-fluid">
                	
                	<div class="span3">
                    	<h4 class="nav-footer">Category 3</h4>
                        <ul>
                        	<li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                        </ul>
                    </div>
                    <div class="span3">
                    	<h4 class="nav-footer">Category 3</h4>
                        <ul>
                        	<li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                        </ul>
                    </div>
                    <div class="span3">
                    	<h4 class="nav-footer">Category 3</h4>
                    	<ul>
                        	<li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                        </ul>
                    </div>
                    <div class="span3">
                    	<h4 class="nav-footer">Category 3</h4>
                        <ul>
                        	<li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                            <li><a>category name 1</a></li>
                        </ul>
                    </div>
                    
                </div>
                <div class="row-fluid">
                	
                </div>
            </div>
		</footer>
        </div>
        <div class="container-fluid copyright">
           	<div class="span12">Copyright@ 2013 by Baby Care</div>
        
        </div>
		<script>
      !function ($) {
        $(function(){
          // carousel demo
          $('#myCarousel').carousel()
        })
      }(window.jQuery)
    </script>
        
        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>
